<template>
  <div class="body">
    <div class="cont">
      <returnee-search></returnee-search>
      <returnee-hot-city></returnee-hot-city>
      <returnee-hot-job></returnee-hot-job>
      <!-- <returnee-short-practice></returnee-short-practice> -->
      <returnee-hot-company></returnee-hot-company>
    </div>
    <!-- <div class="shelter" @click="hideShelter">
    </div> -->
    <shelter-ele></shelter-ele>
  </div>
</template>
<script>
// 引入body部分的各个组件
import ReturneeSearch from './returneeSearch.vue'
import ReturneeHotCity from './returneeHotCity.vue'
import ReturneeHotJob from './returneeHotJob.vue'
import ReturneeShortPractice from './returneeShortPractice.vue'
import ReturneeHotCompany from './returneeHotCompany.vue'
// 引入遮罩层
import ShelterEle from "@/components/returnee/shelterEle.vue"
export default {
  name: "returneebody",
  components: {
    ReturneeSearch,
    ReturneeHotCity,
    ReturneeHotJob,
    ReturneeShortPractice,
    ReturneeHotCompany,
    ShelterEle,
    
  },
  data() {
    return {
      
    }
  }
}
</script>
<style lang="less">
  .body{
    width: 100%;
    background-color: #f6f6f8;
    display: flex;
    justify-content: center;
      .cont{
        width: 1184px;
      }
      
  }
</style>